<!DOCTYPE html>
<html lang="utf-8">
<head>
    <meta charset="utf-8">
    <title>{% block page_title %}{% endblock %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
        body { padding-top: 0px; padding-bottom: 40px; }
    </style>
    <link href="/static/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="/static/ico/favicon.ico">
<body>


<div class="navbar">
    <div class="navbar-inner">
        <div class="container" style="width: auto;">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="/admin/">WEBlog Admin Portal</a>
            <div class="nav-collapse">
                <ul class="nav nav-pills">
                    <li><a href="/admin/posts">{{ _("Posts") }}</a></li>
                    <li><a href="/admin/comments">{{ _("Comments") }}</a></li>
                    <li><a href="/admin/categories">{{ _("Categories") }}</a></li>
                    <li><a href="/admin/links">{{ _("Links") }}</a></li>
                    <li><a href="/admin/pages">{{ _("Pages") }}</a></li>
                    <li><a href="/admin/settings">{{ _("Settings") }}</a></li>
                </ul>
                <ul class="nav pull-right">
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="langs">
                            <i class="icon-globe"></i>Lang<b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            {% for lang in langs %}
                              <li><a href="/locale?value={{ lang.locale }}">{{ lang.description}}</a></li>
                            {% endfor %}
                        </ul>
                    </li>
                    <li class="divider-vertical"></li>
                    <li><a href="/">Blog</a></li>
                </ul>

            </div><!-- /.nav-collapse -->
        </div>
    </div><!-- /navbar-inner -->
</div>


    <div class="container">
        <div class="row">
            <div class="span12">
{% block admin_content %}
    
{% endblock %}
            </div>
        </div>        
    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/static/js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="/static/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
    {% block extra_js_block %}
    {% endblock %}
</body>
</html>